﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no"/>
<title>首页</title>
<link rel="stylesheet" href="../common/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="../common/BingoTouch.css" />
<script src="../common/iscroll.js"></script>
<script src="../common/jquery-1.7.1.min.js"></script>
<script src="../common/jquery.mobile-1.1.0.min.js"></script>
<script src="../common/BingoTouch.js"></script>
<!-- icon的点击事件 -->
<script src="statics/js/demo.js"></script>
<style type="text/css">
	/* 只是针对这个页面做的样式，不需要可以删掉 */
	h2 {
		background:#ececec;
		padding-left:10px;
	}
</style>
</head>

<body>
<div data-role="page" class="container">
	<div data-role="content">		
		<div class="header">
			<h1 class="title">BingoTouch</h1>
			<div class="header-left"></div>
			<div class="header-right"></div>
		</div>
		<div class="content">
			<div id="wrapper">			
				<div id="scroller">
					<h2>控件说明</h2>
					<table class="applist">
						<tr>
							<td id="App1">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app1.png" alt=""/>										
										<!--<em id="doingOrderCounter">0</em>-->
									</div>
									<div class="app-text">所有组件</div>
								</div>
							</td>
							<td id="App2">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app2.png" alt=""/>		
									</div>
									<div class="app-text">按钮元素</div>
								</div>
							</td>
							<td id="App3">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app3.png" alt=""/>		
									</div>
									<div class="app-text">导航栏</div>
								</div>
							</td>
							<td id="App4">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app-search.png" alt=""/>	
									</div>
									<div class="app-text">工具栏</div>
								</div>
							</td>
						</tr>
						<tr> 
							<td id="App5">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app5.png" alt=""/>	
									</div>
									<div class="app-text">列表菜单</div>
								</div>
							</td>
							<td id="App6">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app6.png" alt=""/>		
									</div>
									<div class="app-text">折叠菜单</div>
								</div>
							</td>
							<td id="App7">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app4.png" alt=""/>		
									</div>
									<div class="app-text">表单组件</div>
								</div>
							</td>
							<td id="App8">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app7.png" alt=""/>		
									</div>
									<div class="app-text">重新登录</div>
								</div>
							</td>
						</tr>
						<tr> 
							<td id="App9">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app9.png" alt=""/>	
									</div>
									<div class="app-text">APITest</div>
								</div>
							</td>
							<td id="App10">
								<div class="app">
									<div class="app-icon">
										<img src="statics/images/app9.png" alt=""/>	
									</div>
									<div class="app-text">iscroll</div>
								</div>
							</td>
							<td id="App7">
							</td>
							<td id="App8">
							</td>
						</tr>
					</table>
					
				</div>
			</div>			
		</div>	
	</div>
</div>
</body>
</html>